import { defineStore } from 'pinia'
import { ref, computed } from 'vue'

export const useCounterStore = defineStore(
  'counter',
  () => {
    const count = ref(0)
    const msg = ref('hello')
    const doubleCount = computed(() => count.value * 2)
    function increment() {
      count.value++
    }
    function addMsg() {
      msg.value += 'world'
    }

    return { count, doubleCount, increment, msg, addMsg }
  },
  // {
  //   unistorage: true, // 开启后对 state 的数据读写都将持久化
  // }
  {
    unistorage: {
      key: 'xigua',
      paths: ['count'], // 持久化部分 state,可以自定义键名
    },
  }
)
